//完成修改用户信息模块
//获取信息,渲染页面
 function myselfData() {
    axios.get(
        "http://api-breakingnews-web.itheima.net/my/userinfo",
        {headers:{Authorization:localStorage.getItem("token")}}
    ).then(({data:res})=>{
        if(res.status===0) {  //这个判断里面是获取信息成功
            let {id,email,nickname,username,user_pic}=res.data
            // console.log(id,email,nickname,username,user_pic);
            $("input[name=username]").val(username)    
            $("input[name=nickname]").val(nickname)    
            $("input[name=email]").val(email)
            $("input[name=id]").val(id)
        }   
    })
 }
 myselfData()

/* 完成确认修改 */
$(".layui-card-body form").on("submit",function (e) {
    e.preventDefault()
    // console.log($(this).serialize());
    console.log($(".layui-card-body form").serialize());
    axios.post("http://api-breakingnews-web.itheima.net/my/userinfo",
    $(".layui-card-body form").serialize(),
    {headers:{Authorization:localStorage.getItem("token")}}).then(({data:res})=>{
       
        if(res.status===0) {
            window.parent.creatData()
        }
        // window.parent===>这个可以得到其父window,然后通过上面的方法,可以修改的到父页面的数据
        /* 1.修改嵌套里面的页面,怎样让外面的页面同步修改
        2.分析,发现2个页面是嵌套关系==>2个window是父子关系====>可以通过parent方法找到其上一级的
        window
        3.通过子window.parent,调用父window方法,修改父页面的数据????===里面的标签怎样对应的??? */
    })
})


/* 完成重置功能 */
$(".my-reset").on("click",function (e) {
    e.preventDefault()
    myselfData()
})
let form = layui.form;

form.verify({ // 指定规则名和对应的验证规则
    nickname: [ // 昵称
        /^[\u4E00-\u9FA5]+$/,  // 大于等于1
        '昵称只能是中文'
    ],
})